<include file='Public:head'/>
<include file='Public:header'/>

<link rel="stylesheet" href="__PUBLIC__/css/index.css">
<div class ="logo" style="margin-top:60px;">
    <img id="logo_img" src="__PUBLIC__/imgs/logo.png" alt="">
</div>
<div class="logo">
   <form method="get" action="{:U(GROUP_NAME . '/Index/index')}" id="search">
        <input id="info" name="keyword" type="text" size="40" placeholder="Search..." />
        <!-- <input class="btn btn-small" id="sub" type="button" value="submit" /> -->
        
  <div class="logo" style="height:20px; width:204px;margin:10px auto;">
        <label class="r"><input name="owner" type="radio" value="0" /><span>个人</span></label> 
        <label class="r"><input name="owner" type="radio" value="1" checked /><span>所有</span></label>   
        <label class="r"><input type="radio" name="type" value="0"/><span>圈子</span></label> 
        <label class="r"><input type="radio" name="type" value="1" checked /><span>词条</span></label>      
  </div>
</form> 
</div>

<script>
    $(function(){
        $('#info').bind('focus',function(){
            $('#sub').delay(200).animate({
                opacity:1
            });
        }).bind('blur',function(){
            $('#sub').animate({
                opacity:0
            },100);
        })
        $('#sub').bind('keydown',function(ev){
            var e = ev||event;
            if(e.keycode==13)
                $('#search').submit();
        })
    })
</script>
<style>
    #search input[type="text"] {
        background: url(__PUBLIC__/imgs/search-white.png) no-repeat 10px 6px #444;
    }
    #search input[type="text"]:focus {
        background: url(__PUBLIC__/imgs/search-dark.png) no-repeat 10px 6px #ccc;
    }
</style>
<include file='Public:footer/'>